<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<title>Registration Page</title>
<jsp:include page="/WEB-INF/jspf/header.jsp"></jsp:include>
<script>
function shwStrength(f)
{
	        // 	console.log(f);
    var a = f.T6.value;
             
        if(a.length>4)
         {
            document.getElementById("pwd").innerHTML= "<font color=green> <u> Strong Password</u>";
         }
        else
         {
            document.getElementById("pwd").innerHTML="<font color=red> <u>Weak password</u>";     
         } 
}

</script>
</head>
<body class="metro">
	<div class="grid" style="padding-left: 15px;">
	<div class="row">
			<div class="span3">
				Already have an account with us.
				<a href="login" class="button small bg-lightblue fg-white">Login</a> here
			</div>
			<div class="span6">
				<form method="POST" action="display">
					<table>
						<tr>
							<td>First Name:</td>
							<td><input type="text" name="T5" required="required"
								placeholder="Enter your first name" size="20"></td>
						</tr>
						<tr>
							<td>Last Name:</td>
							<td><input type="text" name="T1" required="required"
								placeholder="Enter your last name" size="20"></td>
						</tr>
						<tr>
							<td>Phone no:</td>
							<td><input type="number" name="T3" size="20"
								placeholder="Enter phone no." required="required"></td>
						</tr>
						<tr>
							<td>Email id:</td>
							<td><input type="email" name="T2" size="20"
								placeholder="Enter a valid email id" required="required"></td>
						</tr>
						<tr>
							<td>Password:</td>
							<td><input type="password" name="T6" size="20"
								placeholder="Enter password" required="required" onkeyup="shwStrength(this.form)"></td>
								<td><label id="pwd"> </label></td>
						</tr>
						<tr>
							<td>Address:</td>
							<td><textarea rows="2" name="S1" cols="20" required="required"
									placeholder="Enter address"></textarea></td>
						</tr>
						<tr>
							<td>&nbsp;</td>
							<td><input type="submit" class="button small info" value="Submit" name="B1"></td>
						</tr>
					</table>
				</form>
			</div>
		</div>
	</div>
</body>
</html>
